/* Bureau default style */
/* IE 6 compatible, please not IE 6 tends display properties are much more different to recent browsers and thus will render differently */

/* ---------------------ELEMENT/TYPE-SELECTORS--------------------- */

/* definition of the page font, size and alignment */
html { font-family:Verdana, Georgia, sans-serif; font-size:80%; text-align:left; }

/* custom text properties */
p { margin:0px; padding:4px 6px; }
h2, h3, h4, h5, h6 { font-size:medium; margin:0px; padding:4px 6px; }
h1 { font-size:large; margin:0px; padding:4px 6px; }


/* --------------------PAGE-ELEMENT-DEFINITIONS-------------------- */

/* content wrapper, notice margin + width properties used to center align page content */
#wrapper { background-color:#EEEEEE; margin:auto auto; width:962px; }

/* used to define each row (sections have been divided horizontally) */
.wd { display:block; margin:1px 0; width:962px; }

/* page-head definitions */
#head { background-color:#FFCC00; margin-top:0; }
#head h1.logo { border:0; float:left; }
#head h1.bureau { float:center; margin-left:10px; line-height:85px; }
#head ul { float:left; list-style-type:none; }
#head li { border-left:1px solid #C0C0C0; display:inline; font-size:95%; padding:0 5px; }
#head li#first { border:0; }

/* navigation style (NOT DISPLAY IN PAGE, REMOVE HTML COMMENT TAGS TO MAKE VISIBLE) */
#navigation { background-color:#FFFFFF; margin-top:10px; width:962x; }
#navigation ul { border:1px solid #0033CC; list-style-type:none; margin:auto; padding:0; }
#navigation li { border:0px; display:inline; line-height:25px; margin:0 4px; padding:0 4px; }

/* page-body definitions (CELL LAYOUT DEF. HAVE BEEN GROUPED TOGETHER TO MAKE EDITING MORE EFFICIENT) */
/* about us cell defined */
#about { display:inline; float:left; margin-top:10px; width:319px; }
#about .top { background-color:#0033CC; color:#FFF; width:300px; }
#about .ugct { border-left:1px solid #0033CC; border-right:1px solid #0033CC; width:298px; }
#about .base { background:url(../img/aboutusbasecurve.gif) no-repeat bottom left; width:300px; }

#aboutus { display:inline; float:left; margin-top:10px; width:962px; }
#aboutus .top { background-color:#0033CC; color:#FFF; width:940px; }
#aboutus .ugct { border-left:1px solid #0033CC; border-right:1px solid #0033CC; width:938px; }
#aboutus .ugcta { border-left:1px solid #0033CC; border-right:1px solid #0033CC; width:938px; height:100px; }
#aboutus .base { background:url(../img/aboutusbasecurve-1.gif) no-repeat bottom left; width:940px; }

/* our about us mini cell defined */
#about_mini { display:inline; float:left; margin-top:10px; width:962px; }
#about_mini .top { background-color:#0033CC; color:#FFF; width:940px; }
#about_mini .ugcb { border-left:1px solid #0033CC; border-right:1px solid #0033CC; width:938px; }
#about_mini .base { background:url(../img/aboutusbasecurve-1.gif) no-repeat bottom left; width:940px; }

/* get advice cell defined */
#advice { display:block; float:left; margin-top:10px; width:319px; }
#advice .top { background-color:#990033; color:#FFF; width:300px; }
#advice .ugct { border-left:1px solid #990033; border-right:1px solid #990033; width:298px; }
#advice .base { background:url(../img/getadvicebasecurve.gif) no-repeat bottom left; width:300px; }

/* support us cell defined */
#support { display:block; float:left; margin-top:10px; width:320px; }
#support .top { background-color:#FF6600; color:#FFF; width:300px; }
#support .ugct { border-left:1px solid #FF6600; border-right:1px solid #FF6600; width:298px; }
#support .base { background:url(../img/supportusbasecurve-1.gif) no-repeat bottom left; width:300px; }

/* support us cell defined */
#donation { display:block; float:left; margin-top:10px; width:962px; }
#donation .top { background-color:#FF6600; color:#FFF; width:940px; }
#donation .ugcc { border-left:1px solid #FF6600; border-right:1px solid #FF6600; width:938px; }
#donation .base { background:url(../img/supportusbasecurve.gif) no-repeat bottom left; width:940px; }

/* volunteer cell defined */
#volunteer { display:inline; float:left; margin-top:10px; width:962px; }
#volunteer .top { background-color:#669900; color:#FFF; width:940px; }
#volunteer .ugct { border-left:1px solid #669900; border-right:1px solid #669900; width:938px; }
#volunteer .base { background:url(../img/volunteerbasecurve.gif) no-repeat bottom left; width:940px; }

/* CitA service cell defined */
#legacy { display:block; float:left; margin-top:10px; width:962px; }
#legacy .top { background-color:#009999; color:#FFF; width:940px; }
#legacy .ugcc { border-left:1px solid #009999; border-right:1px solid #009999; width:938px; }
#legacy .base { background:url(../img/campaignbasecurve.gif) no-repeat bottom left; width:940px; }

/* our supporters cell defined */
#supporter { display:inline; float:left; margin-top:10px; width:962px; }
#supporter .top { background-color:#663399; color:#FFF; width:940px; }
#supporter .ugcb { border-left:1px solid #663399; border-right:1px solid #663399; width:938px; }
#supporter .base { background:url(../img/oursupportersbasecurve.gif) no-repeat bottom left; width:940px; }

/* page-foot definitions */
#foot { background-color:#FFCC00; margin-bottom:0; margin-top:10px; }

/* shared cell objects */
.top { color:#FFF; margin:auto; }
.base { height:12px; /* was 20px */ margin:auto; }

/* used to create top cell curves*/
.topcurve1 { float:left; margin:0; padding:0; }
.topcurve2 { float:right; margin:0; padding:0; }

.ugct { background-color:#FFFFFF; min-height:29em; margin:auto; } /* top row ('about us' + 'get advice' +'support us') content holder */
.ugcc { background-color:#FFFFFF; min-height:27.5em; margin:auto; } /* center row ('volunteer' + 'support us' + 'services') content holder */
.ugcc ul { margin-bottom:-10px; } /* primarily used for 'volunter' cell list item*/
.ugcb { background-color:#FFFFFF; margin:auto; } /* base row ('our supporters') content holder */

/* floating div fix */
.inline { clear:both; font-size:0; _height:1px; height:1px; visibility:hidden; }

/* image alignment */
.imgright { margin:auto auto; width:90%; }

/* --------------------HYPERLINKS-DEFINITIONS---------------------- */

a:link { color:#0033CC; }
a:visited { color:#69c; }
a:hover { color:#f30; }

a img /* remove borders from image links */ { border:0; }